		
        $(document).ready(function () {
		$('body').append(
			
		'<div id="loading-div-background">'+
		'<div id="loading-div" class="ui-corner-all" >'+
		'<img style="height:20px;margin:20px;" src="images/loading.gif" alt="Loading.."/>'+
		'<h2 style="color:gray;font-weight:normal;">Please wait....</h2>'+
		'</div>'+
		'</div>'
		
		);

		$('head').append(

   '<style> #loading-div    {z-index:60000;width: 300px;height: 100px;background-color: #fff;text-align:center;position:absolute;left: 50%;top: 50%;margin-left:-150px;margin-top: -100px;     }'+
   '#loading-div-background     {z-index:60000;opacity:0.5;display:none;position:fixed;top:0;left:0;background:#000;width:100%;height:100%; border-shadow : 0 0 5 #000    }'
	+'</style>'

		);
});

function showLoading() {
     $(document).ready(function () {
		$("#loading-div-background").show();
	});
}
function closeLoading() {
     $(document).ready(function () {
		$("#loading-div-background").hide();
	});
} 
		